#preloader, #preloader .d-grid {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: #FFF;
	z-index: 9999;
}     
.loader {
	width: 32px;
	height: 84px;
	border-radius: 0 0 20px 20px;
	position: relative;
	background: #6ab798 radial-gradient(circle 5px at 50% 85%, #efa332 100%, transparent 0);
}
.loader:before,
.loader:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 32px;
	height: 84px;
	border-radius: 0 0 20px 20px;
	background: #009688;
	opacity: 0.8;
	transform: rotate(60deg);
	transform-origin: 50% 85%;
	z-index: -2;
	animation: rotate 1s infinite linear alternate;
}
.loader:after {
	animation: rotate2 1s infinite linear alternate;
	opacity: 0.5;
}
@keyframes rotate {
	0%,20% { transform: rotate(0deg); }
	80%, 100% { transform: rotate(30deg); }
}
@keyframes rotate2 {
	0%, 20% { transform: rotate(0deg); }
	80%, 100% { transform: rotate(60deg); }
}


/*.content *:not(label):not(input):not(textarea){
	font-family: "Inter var", sans-serif;
	font-size: 14px;
}*/

.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6,
.content p,
.content span {
	font-family: "Inter var", sans-serif;
	font-size: 14px;
}

a, a:hover {
	text-decoration: none;
}

.content {
	min-height: calc(100vh - px) !important;
}

.profile-overview-menu {
	border-bottom: 1px solid #e9ecef10;
	padding: 0 1rem;
}

.profile-overview-menu:last-child {
	border-bottom: none;
}

.profile-overview-menu:hover {
	background: #15253314;
}

.profile-overview-menu.active {
	background: #15253314;
}

.btn-form{
	width: 100%;
	max-width: 300px;
}

.form-group {
	margin-bottom: 1rem;
}

.ph-spin {
  display: inline-block;
  animation: ph-spin 1s infinite linear;
}

@keyframes ph-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.inline-switch {
  display: inline;
  position: absolute;
  right: 1rem;
}

[data-navigation-type=horizontal] .navbar-nav-top .nav-link{
	color: var(--phoenix-navbar-top-dropdown-color)
}

[data-navigation-type=horizontal] .navbar-top.navbar-expand-lg:not(.navbar-slim) .navbar-nav-top .nav-link.active{
	background-color: var(--phoenix-navbar-top-dropdown-hover-bg);
	margin: 0 2px;
}

.navbar-mobile .nav-link {
	color: var(--phoenix-navbar-top-dropdown-color);
	font-weight: 700;
	font-family: 'Nunito Sans';
	font-size: 14px;
	padding: 15px 10px !important;
}

.navbar-mobile .nav-link.active, .navbar-mobile .nav-link:hover {
    background: var(--phoenix-navbar-top-dropdown-hover-bg);
	padding: 15px 10px;
}

.navbar-mobile .navbar-nav {
	height: 100%;
	overflow-y: unset;
}

.navbar-mobile .dropdown-menu {
	width: 80%;
	border: none !important;
}

.navbar-mobile .navbar-dropdown-caret {
	margin-left: 2rem !important;
	margin-right: auto !important;
	margin-top: 0;
}

.navbar-mobile .navbar-dropdown-caret .nav-link {
	padding: 10px !important;
}

.dropdown-menu{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.table-dropdown > .dropdown-toggle::after{
	display: none !important;
}

.bd-callout {
	padding: 1.25rem;
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	border: 1px solid lightgray;
	border-left-width: .25rem;
	border-radius: .25rem;
}

.bd-callout-info { border-left-color: #5bc0de; }
.bd-callout-warning { border-left-color: #f0ad4e; }
.bd-callout-danger { border-left-color: #d9534f; }
.bd-callout-success { border-left-color: #5cb85c; }

.end-1 { right: 0.25rem; }
.end-2 { right: 0.5rem; }
.end-3 { right: 0.75rem; }
.end-4 { right: 1rem; }
.end-5 { right: 1.25rem; }

.start-1 { left: 0.25rem; }
.start-2 { left: 0.5rem; }
.start-3 { left: 0.75rem; }
.start-4 { left: 1rem; }
.start-5 { left: 1.25rem; }

.top-1 { top: 0.25rem; }
.top-2 { top: 0.5rem; }
.top-3 { top: 0.75rem; }
.top-4 { top: 1rem; }
.top-5 { top: 1.25rem; }

.bottom-1 { bottom: 0.25rem; }
.bottom-2 { bottom: 0.5rem; }
.bottom-3 { bottom: 0.75rem; }
.bottom-4 { bottom: 1rem; }
.bottom-5 { bottom: 1.25rem; }

.table > tbody > tr:last-child > td, .table > tbody > tr:last-child > th {
	border-bottom: 0 !important;
}

.nav-link.dropdown-item.active{
	margin: 0 !important;
}

/* bootrap select */
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
	width: 100% !important;
}

.bootstrap-select>.dropdown-toggle, .bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #a9b0c2 !important;
    background: var(--phoenix-emphasis-bg) !important;
    border: var(--phoenix-border-width) solid var(--phoenix-border-color) !important;
	padding-left: 15px !important;
}

[data-bs-theme=dark] 
.bootstrap-select>.dropdown-toggle.bs-placeholder, .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
	color: #a9b0c250 !important;
}

.dropdown-item:active{
	background-color: #e9e9e9 !important
}

/* flatpickr */
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month{
	left: 0 !important;
	color: #a9b0c2 !important;
}

.flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month{
	right: 0 !important;
	color: #a9b0c2 !important;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
	margin-bottom: 10px !important;
	color: #a9b0c2 !important;
}

/* Mobile and Small Screen */
@media (max-width: 767px) {

	.profile-menu-card{
		height: unset !important;
	}

	.profile-overview-menus {
		display: flex;
		justify-content: space-between;
		padding: 0;
		margin: 0;
		list-style: none;
		overflow-x: auto;
	}

	.profile-overview-menu{
		display: inline-block;
		list-style-type: none;
		flex: 1 1 auto;
		border-right: 1px solid #e9ecef10;
		border-radius: 10px 10px 0 0;
		margin: 0 1px;
		text-align: center;
	}

	.profile-overview-menu:first-child {
		border-radius: 0 10px 0 0;
		margin: 0;
	}

	.profile-overview-menu:last-child {
		border-right: none;
		border-radius: 10px 0 0 0;
		margin: 0;
	}

}

::-webkit-scrollbar {
  width: 7px;
	height: 3px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}